<h3 class="page-title">
  Cargar Archivo CSV<small><?php echo $this->title?></small>
</h3>
<ul class="breadcrumb">
  <li>
    <i class="icon-home"></i>
    <a href="<?php echo $this->basePath()."/administrador/estadisticas" ;?>">Dashboard</a> 
    <i class="icon-angle-right"></i>
  </li>
  <li>
    <a href="#">Subir Archivo</a> 
  </li>
</ul>

<!-- inicio el formulario para subir archivos -->
<div class="row-fluid">
  <div class="span12">
    <form id="fileupload" action="" method="post" enctype="multipart/form-data">
 
      <!-- inicia contenedor de botones de accion -->
      <div class="row-fluid fileupload-buttonbar">
        <div class="span7">
  				<!-- inicia agregar archivos -->
          <span class="btn green fileinput-button">
    				<i class="icon-plus icon-white"></i>
    				<span>Agregar Archivos...</span>
    				<input type="file" name="files_id" id="files_id" >
  				</span>
          <!-- fin agregar archivos -->
          
				  <!-- inicia carga de archivos -->
          <button type="button" class="btn blue start" onclick="tv.upValidaFile();">
					   <i class="icon-upload icon-white"></i>
			  	  <span>Iniciar carga</span>
					</button>
         <!--- fin carga de archivos -->
         
        </div>
      </div>
      <!-- fin contenedor de botones de acccion -->
 
    </form>
  </div>
</div>
<!-- fin formulario para subir archivos -->
<div class="portlet box blue" id="tbl_contenedor" style="display: none; overflow: auto;height: 350px;">
  <!-- nombre de la tabla -->
  <div class="portlet-title" style="width: 2166px;">
	 <h4><i class="icon-cogs"></i>Documento cargado</h4>
  </div>
  <!-- contenedor de la tabla -->
  <div class="portlet-body" style="display: block;width: 2166px;">
    <table class="table table-bordered table-striped table-hover" id="tblContenedor" style="background: white; border-collapse:collapse;table-layout:fixed;">
      <thead>
        <tr style="color:black; font-weight: bolder;">
          <th style="width: 30px; text-align: center;">#</th>   
          <th style="width: 180px;">E-MAIL</th>
          <th style="width: 230px;">EXTERNAL ID</th>
          <th style="width: 140px;">FIRST NAME</th>
          <th style="width: 140px;">LAST NAME</th>
          <th style="width: 120px;">BIRTH DATE</th>    
          <th style="width: 50px;">GENDER</th>
          <th style="width: 120px;">REG DATE</th> 
          <th style="width: 120px;">REG TIMESTAMP</th>     
          <th style="width: 120px;">REG PARTERN</th>
          <th style="width: 50px;">STATE</th> 
          <th style="width: 140px;">CITY</th>  
          <th style="width: 70px;">COUNTRY</th> 
          <th style="width: 190px;">NEWSLETTER</th> 
          <th style="width: 60px;">OPTION A</th> 
          <th style="width: 60px;">OPTION N</th> 
          <th style="width: 60px;">OPTION S</th> 
          <th style="width: 60px;">MDID</th> 
          <th style="width: 60px;">BMI</th>  
        </tr>
      </thead>
      <tbody id="doc_cv">
      </tbody>
    </table>
  </div>
  <!-- fin contenedor de la tabla -->
</div>

<!-- inicia tabla de resumen de registros -->
<div class="portlet box red" id="tbl_resumen" style="display: none; overflow: auto;max-height: 350px;">
  <!-- nombre de la tabla -->
  <div class="portlet-title" style="width: 1061px;">
	 <h4><i class="icon-user"></i>Estados no encontrados</h4>
  </div>
  <!-- contenedor de la tabla -->
  <div class="portlet-body" style="display: block;width: 1061px;">
    <table class="table table-bordered table-striped table-hover" id="tblContenedor2" style="background: white; border-collapse:collapse;table-layout:fixed;">
      <thead>
        <tr>
          <th style="width:80px;">ENCONTRADOS</th>
          <th style="width:80px;">ESTADO</th>
          <th style="width:120px;">CONCORDANCIA</th>
          <th style="width:120px;">ABREVIACI&Oacute;N</th>
          <th style="width:120px;">PA&Iacute;S</th>
          <th style="width:80px;">ACCI&Oacute;N</th>
        </tr>
      </thead>
      <tbody id="estados">
      </tbody>
    </table>
  </div>
  <!-- fin contenedor de la tabla -->
</div>
<!-- fin tabla de resumen de registros -->

<!-- boton para subir los registro encontrados  -->
<div class="form-actions" id="carga_registro" style="display: none;">
  <button type="button" class="btn red" style="float: left;" onclick="tv.cargarRegistros();" ><i class="icon-ok"></i> Guardar Registros</button>
</div>